<template>
    <div class="home">
        <span class="iconfont back">&#xe63c;</span>
        <div class="head-search">
            <span class="iconfont search">&#xe62f;</span>
            <p>输入游玩的景点和城市</p>
        </div>
        <div class="city">
            <p>城市</p>
            <span class="iconfont back">&#xe607;</span>
        </div>
    </div>
</template>
<script>
export default {
    name:"HomeHead"
}
</script>
<style lang="scss" scoped>
.home{
    // height: 125px;
    background: #00bcd9;
    padding: 15px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    .head-search{
        width: 500px;
        height: 70px;
        background: #fff;
        border-radius: 10px;
        border:1px solid#eee;
        color: #aaa;
        display:flex;
        justify-content: flex-start;
        align-items: center;
        .search{
            font-size: 30px;
            margin-left:20px;
            margin-right: 30px; 
        }
        font-size: 18px;
    }
    .city{
        display: flex;
        justify-content: center;
        align-items: center
    }
}
</style>

